<template>
  <div class="container main oh">
    <div class="col-sm-6 bb mt8">
      <h4 class="mt10 red"> <small  class="fr"><a href="">more</a></small>促销信息</h4>
      <a class="media-left" href="#">
        <img class="media-object img1" src="images/img0.jpg"
             alt="媒体对象">
      </a>
      <div class="media-body">
        <h4 class="mt6 "><a href="">{{cuxiaoList[0]['标题']}}</a></h4>
        <p class="oh hang4 lh28 h105">
          {{cuxiaoList[0]['内容']}}
        </p>
      </div>
      <ul class="nav nav-pills nav-stacked main1 mb15">
        <li class="h28" v-for="item in cuxiaoList">
          <a href="">
            <span  class="fr">2018-02-02</span>
            <p class="ohhang1 w340">
              {{item['内容']}}
            </p>
          </a>
        </li>

      </ul>
    </div>
  </div>
</template>

<script>
  export default {
    name: 'Message',
    data() {
      return {
        cuxiaoList: []
      }
    },

    created(){
      ///模拟获取网络信息
      let item1 = {标题:'标题标题标题标题标题标题标题标题1111',内容:'内容内容内容内容内容内容内容内容内容111',图片:'...'}
      let item2 = {标题:'标题标题标题标题标题标题标题标题2222',内容:'内容内容内容内容内容内容内容内容内容222',图片:'...'}
      let item3 = {标题:'标题标题标题标题标题标题标题标题3333',内容:'内容内容内容内容内容内容内容内容内容333',图片:'...'}
      let item4 = {标题:'标题标题标题标题标题标题标题标题4444',内容:'内容内容内容内容内容内容内容内容内容444',图片:'...'}

      this.cuxiaoList.push(item1)
      this.cuxiaoList.push(item2)
      this.cuxiaoList.push(item3)
      this.cuxiaoList.push(item4)
    }
  }
</script>

<style scoped>

</style>
